<template>
	<view style="padding-top: 120rpx;">
		<view v-if="page==0">
			<view class="top">
				<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/shop/Group%203493%402x.png" mode="widthFix" style="width: 100%;"></image>
			</view>
			<view class="sp1">
				审核中
			</view>
			<view class="sp2">
				恭喜中，请耐心等待...
			</view>
			<view class="btn" @click="btn1">
				返回首页
			</view>
		</view>
		<view v-if="page==2">
			<view class="top">
				<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/business/Group%203325%402x.png" mode="" style="width: 100%;height: 100%;"></image>
			</view>
			<view class="sp">
				抱歉，审核未通过
			</view>
			<view class="yy">
				<view class="kong">
					
				</view>
				<view class="yy-title">
					未通过原因：
				</view>
				<view class="yy-sp">
					<pre style="white-space: pre-wrap;word-break: break-all;">{{reason}}</pre>
				</view>
			</view>
			<view class="btn" @click="btn">
				重新申请
			</view>
		</view>
		<view v-if="page==1">
			<view class="top">
				<image src="https://yhflsyz.oss-cn-guangzhou.aliyuncs.com/shop/Group%203493%402x.png" mode="" style="width: 100%;height: 100%;"></image>
			</view>
			<view class="sp1">
				审核通过
			</view>
			<view class="sp2">
				恭喜您，审核通过
			</view>
			<view class="btn" @click="btn1">
				返回首页
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page:0,
				reason: ''
			}	
		},
		onLoad(option) {
			if(option.id){
				this.page = option.id
			}
			this.$u.api.shop.getStorebili().then(res =>{
				if(res.code == 200){
					this.reason = res.data.reason
				}
			})
		},
		methods:{
			btn(){
				uni.navigateTo({
					url:`./business?flag=${1}`
				})
			},
			btn1(){
				uni.switchTab({
					url:'/pages/my/index'
				})
			},
		}
	}
</script>

<style>
	.top{
		width: 260rpx;
		height: 176rpx;
		margin-top: 106rpx;
		margin-left: 240rpx;
	}
	.sp{
		width: 380rpx;
		height: 38rpx;
		margin-left: 220rpx;
		margin-top: 60rpx;
		font-size: 36rpx;
		font-family: PingFang SC-Bold;
		font-weight: bold;
		color: black;
	}
	.sp1{
		width: 162rpx;
		height: 38rpx;
		margin-left: 296rpx;
		margin-top: 88rpx;
		font-size: 36rpx;
		font-family: PingFang SC-Bold;
		font-weight: bold;
		color: black;
	}
	.sp2{
		width: 288rpx;
		height: 22rpx;
		margin-left: 258rpx;
		margin-top: 30rpx;
		font-size: 28rpx;
		color: #6F6F6F;
	}
	.yy{
		width: 582rpx;
		height: 166rpx;
		background-color: white;
		border-radius: 16rpx;
		margin-top: 40rpx;
		margin-left: 84rpx;
	}
	.kong{
		width: 100%;
		height: 30rpx;
	}
	.yy-title{
		font-size: 28rpx;
		margin-left: 20rpx;
		
		color: black;
	}
	.yy-sp{
		font-size: 24rpx;
		color: #6F6F6F;
		margin-left: 20rpx;
	}
	.btn{
		width: 338rpx;
		height: 98rpx;
		margin-top: 98rpx;
		margin-left: 206rpx;
		border-radius: 120rpx;
		background-color: #36BE6A;
		text-align: center;
		line-height: 98rpx;
		color: white;
		font-size: 32rpx;
	}
</style>